<!DOCTYPE HTML>
<html lang="en" xml:lang="en">
<head>
	<title>Calculator</title>
	<meta charset="UTF-8" />
	<link type="text/css" rel="stylesheet" href="calculator.css" />
</head>
<body>
	<div class="common">
			<div class="window_btn">
				<table class="top-right"><tr>
				<td><input type="submit" class="btn_first" value="&#95;"/></td>
				<td style="border-right: 1px solid grey; border-left: 1px solid grey;"><input type="submit" class="btn_second" value="&#9633;"/></td>
				<td><input type="submit" class="btn_last" value="&#120;"/></td>
				</tr></table>
			</div>
		
		<header style="width: 100px; margin-left: 8px; margin-top: 3px;"><img src="images/calculator.png">&nbsp; Calculator</header>
		
			<div class="main"> <!-- Main section of the calculator-->
				<div class="header"> <!-- Header with menus -->
					<ul>
						<li><u>V</u>iew</li>
						<li><u>E</u>dit</li>
						<li><u>H</u>elp</li>
					</ul>
				</div>
				<input class="display" type="text" value="8854455"/>  <!-- Display -->
				
				<div class="bits_field">  			<!-- Bits -->
					<table class="bits">
						<tr>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
						</tr>
						<tr>
							<td><span style="color: #939a9b; float: left;">63</span></td>
							<td></td>
							<td></td>
							<td></td>
							<td><span style="color: #939a9b; float: left;">47</span></td>
							<td></td>
							<td></td>
							<td><span style="color: #939a9b; float: right;">32</span></td>
						</tr>
						<tr>							
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
							<td>0000</td>
						</tr>
						<tr>
							<td><span style="color: #939a9b; float: left;">31</span></td>
							<td></td>
							<td></td>
							<td></td>
							<td><span style="color: #939a9b; float: left;">15</span></td>
							<td></td>
							<td></td>
							<td><span style="color: #939a9b; float: right;">0</span></td>
						</tr>
					</table> 
				</div> 
				
				<div class="table">					<!-- Table with Buttons -->
					<table>
						<tr>
							<td rowspan="3" class="none">
								<input type="radio" name="Hex" value="HEX"/>Hex <br />
								<input type="radio" name="Dec" value="DEC" checked="checked" />Dec<br />
								<input type="radio" name="Oct" value="Oct"/>Oct <br />
								<input type="radio" name="Bin" value="Bin"/>Bin
							</td>		
							<td></td>
							<td><a class="btn_other"><b>Mod</b></a></td>
							<td><a class="empty">&#65;</a></td> 							<!-- uppercase "A" -->
							<td><a class="btn_mem" href="#"><b>MC</b></a></td>
							<td><a class="btn_mem" href="#"><b>MR</b></a></td>
							<td><a class="btn_mem" href="#"><b>MS</b></a></td>
							<td><a class="btn_mem" href="#"><b>M+</b></a></td>
							<td><a class="btn_mem" href="#"><b>M-</b></a></td>
						</tr>
						<tr>
							<td><a class="btn_other"><b>&#40;</b></a></td>			<!-- "left parenthesis (" -->
							<td><a class="btn_other"><b>&#41;</b></a></td>			<!-- "right parenthesis }" -->
							<td><a class="empty">&#66;</a></td>							<!-- uppercase "B" -->
							<td><a class="btn_other">&#8592;</a></td>		<!-- left arrow -->
							<td><a class="btn_other">CE</a></td>			<!-- symbol "CE" -->
							<td><a class="btn_other">&#67;</a></td>			<!-- symbol "C" -->
							<td><a class="btn_other">&#177;</a></td>		<!-- digit "+/-" -->
							<td><a class="empty">&#8730;</a></td> 						<!-- digit "square root" -->
						</tr>
						<tr>
							<td><a class="btn_other"><b>RoL</b></a></td>
							<td><a class="btn_other"><b>RoH</b></a></td>
							<td><a class="empty">&#67;</a></td>												<!-- uppercase "C" -->
							<td><a class="digits" href="#">&#55;</a></td>				<!-- digit "7" -->
							<td><a class="digits" href="#">&#56;</a></td>				<!-- digit "8" -->
							<td><a class="digits" href="#">&#57;</a></td>				<!-- digit "9" -->
							<td><a class="btn_other">&#47;</a></td>   									        <!-- "slash /" -->
							<td><a class="empty">&#37;</a></td>												<!-- "percent %" -->
						</tr>
						<tr>
							<td rowspan="3" class="none">
								<input type="radio" name="Qword" value="Qword" checked="checked"/>Qword<br />
								<input type="radio" name="Dword" value="Dword" />Dword<br />
								<input type="radio" name="Word" value="Word" />Word<br />
								<input type="radio" name="Byte" value="Byte" />Byte</td>
							<td><a class="btn_other"><b>Or</b></a></td>
							<td><a class="btn_other"><b>Xor</b></a></td>
							<td><a class="empty">&#68;</a></td>									<!-- uppercase "D" -->
							<td><a class="digits" href="#">&#52;</a></td>				<!-- digit "4" -->
							<td><a class="digits" href="#">&#53;</a></td>				<!-- digit "5" -->
							<td><a class="digits" href="#">&#54;</a></td>				<!-- digit "6" -->
							<td><a class="btn_other">&#42;</a></td>			   			<!-- "asterisk *" -->
							<td><a class="empty"><span style="font-family: Times New Roman; font-size: 12px;"><b>1/<i>x</i></b></span></a></td>					 	<!-- "1/x" -->
						</tr>
						<tr>
							<td><a class="btn_other"><b>Lsh</b></a></td>
							<td><a class="btn_other"><b>Rsh</b></a></td>
							<td><a class="empty">&#69;</a></td>							<!-- uppercase "E" -->
							<td><a class="digits" href="#">&#49;</a></td>				<!-- digit "1" -->
							<td><a class="digits" href="#">&#50;</a></td>				<!-- digit "2" -->
							<td><a class="digits" href="#">&#51;</a></td>				<!-- digit "3" -->
							<td><a class="btn_other" href="#">&#8722;</a></td>			<!-- minus "-" -->
							<td rowspan="2"><a class="btn_other" border="1px solid red" href="#" style="position: relative; height:44px;"><span style="font-size: 20px; vertical-align: -16px; ">&#61;</span></a></td>			<!-- "equals-to =" -->
						</tr>
						<tr>
							<td><a class="btn_other"><b>Not</b></a></td>
							<td><a class="btn_other"><b>And</b></a></td>
							<td><a class="empty">&#70;</a></td>							<!-- uppercase "F" -->
							<td colspan="2"><a class="digits" href="#">&#48;</a></td>   <!-- digit "0" -->
							<td><a class="empty">&#46;</a></td>							<!-- "period ." -->
							<td><a class="btn_other">&#43;</a></td>						<!-- "plus +" -->
						</tr>
					</table>						
				</div>		
				
			
			</div>
	</div>

</body>
</head>